<link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript">
    var timeout         = 500;
    var closetimer		= 0;
    var ddmenuitem      = 0;

    function jsddm_open()
    {	jsddm_canceltimer();
        jsddm_close();
        ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

    function jsddm_close()
    {	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

    function jsddm_timer()
    {	closetimer = window.setTimeout(jsddm_close, timeout);}

    function jsddm_canceltimer()
    {	if(closetimer)
        {	window.clearTimeout(closetimer);
            closetimer = null;}}

    $(document).ready(function()
    {	$('#jsddm > li').bind('mouseover', jsddm_open);
        $('#jsddm > li').bind('mouseout',  jsddm_timer);});

    document.onclick = jsddm_close;
</script>
<div id='CatalogTags'>
    <ul id="jsddm">
        {if count($user_nav)>0}
        {foreach from=$user_nav item=user_left}
        <li><a href="{$user_left.url}" >{$user_left.name}</a>

            {if count($user_left.item)>0}

            <ul>
                {foreach from=$user_left.item item=i}
                <li style="margin:0;"><a href="{$i.url}" >{$i.name}</a>
                    {/foreach}
            </ul>
            {/if}
        </li>
        {/foreach} 
        {/if}

    </ul>
    <div class='clear'></div>
</div>


<div>
      <ul style="float:right;">
        {if count($user_shop_nav)>0}
        {foreach from=$user_shop_nav item=user_shop}
        <a href="{$user_shop.url}" >{$user_shop.name}</a>
        {/foreach} 
        {/if}

    </ul>
</div>

<div class='clear'></div>